<div class="row content" id="party">
    <div class="alert-box">
        <b>婚庆活动管理</b>
    </div>

    <ul class="button-group">
        <li><a href="javascript:SysParty.form('create');" class="button small success">添加活动</a></li>
        <!--<li><a href="#" class="button small success">删除活动</a></li>-->
    </ul>
    <table id="party-table">
        <thead>
        <tr>
            <th width="60">序号</th>
            <th width="100">新郎</th>
            <th width="100">新娘</th>
            <th>活动时间</th>
            <th width="60">图片</th>
            <th width="80">操作</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <ul class="pagination" id="partyPage">
    </ul>
</div>

<div class="popup" id="partyForm">
    <div class="popup-close">&times;</div>
    <div class="alert-box">
        <b>创建婚庆活动</b>
    </div>
    <form method="post" id='partyCreateForm' enctype="multipart/form-data" action="{:U('party/saveParty')}">
        <div class="row">
            <div class="small-2 columns">
                <label for="rightManName" class="right">新郎</label>
            </div>
            <div class="small-4 columns">
                <input type="text" id="rightManName" name="rightManName" placeholder="新郎姓名">
            </div>
            <div class="small-2 columns">
                <label for="rightWomanName" class="right">新娘</label>
            </div>
            <div class="small-4 columns">
                <input type="text" id="rightWomanName" name="rightWomanName" placeholder="新娘姓名">
            </div>
        </div>
        <div class="row">
            <div class="small-2 columns">
                <label for="beginTime" class="right">开始时间</label>
            </div>
            <div class="small-4 columns">
                <input type="text" id="beginTime" name="beginTime" placeholder="开始时间" class="Wdate"
                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">
            </div>
            <div class="small-2 columns">
                <label for="endTime" class="right">结束时间</label>
            </div>
            <div class="small-4 columns">
                <input type="text" id="endTime" name="endTime" placeholder="结束时间" class="Wdate"
                       onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">
            </div>
        </div>
        <div class="row">
            <div class="small-2 columns">
                <label class="right">播放照片</label>
                <label class="right" style="margin-top:10px;font-size:12px">
                    宽:670px<br/>高:450px
                    <i class=" button tiny" onclick="SysParty.addImage();">添加</i>
                </label>
            </div>
            <div class="small-10 columns">
                <div id="imageBox">
                    <div class="fileItem"><input name="image[]" type="file"/></div>
                    <div class="fileItem"><input name="image[]" type="file"/></div>
                    <div class="fileItem"><input name="image[]" type="file"/></div>
                    <div class="fileItem"><input name="image[]" type="file"/></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="small-2 columns">
            </div>
            <div class="small-10 columns">
                <a href="javascript:;" onclick="SysParty.upload()" type="button" class="button small alert">保存</a>

                <div class="alert-box warning round" id="party-alert">
                </div>
            </div>
        </div>
    </form>
</div>